// vue.config.js
const path = require("path");

function resolve(dir) {
  //__dirname为项目根目录，node的express方法中也有使用，join为javascript连接符
  return path.join(__dirname, dir);
}

module.exports = {
  // chainWebpack这里是比较重要的
  lintOnSave: false,
  productionSourceMap: false,
  publicPath: "/",
  outputDir: "dist3",
  assetsDir: "static",

    //此段代码跟下面功能相似，亦是解决跨域问题，能跑但控制台会有报错
    // configureWebpack: {},
    // devServer: { // 环境配置
    //   host: '0.0.0.0',
    //   public: '106.54.189.155:6768', // 此处是服务器IP地址！
    //   port: '8080',
    //   https: false,
    //   disableHostCheck: true,
    //   open: false // 配置自动启动浏览器
    // },

    devServer: {
      host: '0.0.0.0',
      port: 8080,
      open: false,
      proxy: {
        '/api' : { // '/api'是代理标识，一般是每个接口前的相同部分
          target: "http://106.54.189.155:6768", // 请求地址：服务器地址
          changeOrigin: true, // 是否进行跨域
          ws:true,
          secure: true,
          pathRewrite: { // pathRewrite的作用是把请求接口中的 '/api'替换掉，一般是替换为空""
            '^/api':""
          }
        }
      }
    },


  chainWebpack: (config) => {
    config.resolve.alias
      .set("@", resolve("src"))
      .set("assets", resolve("src/assets"));
  },
};
